//项目自身css


//宽度为100%的一条线
.bottom-line {
  width: 100%;
  height: 1px;
  background: #D2D2D2;
}

//黄色背景
.yellow-bg {
  display: inline-block;
  width: 70px;
  height: 20px;
  background: rgba(254, 220, 1, 1);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 5px;
  text-align: center;
  margin-right: 5px;
}

//橙色背景
.orange-font {
  color: #FF4200;
  font-weight: bold;
}

//红色小点
.red-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #F6455A;
  margin-right: 5px;
}

//红色字体
.red-font {
  display: inline-block;
  color: #F6455A;
  font-weight: bold;
}

//用户头像
.avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

//-------------距离相关----------
//常规边距
.around-padding {
  padding: 10px 20px;
}

//上下边距
.vertical-padding {
  padding: 10px 0px;
}

//左右边距
.row-padding {
  padding: 0px 10px;
}


//-------------flex相关----------

//水平居中
.row-center {
  display: flex;
  align-items: center;
}

//垂直居中
.column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

//-------------文字相关---------------
.font-normal {
  line-height: 30px;
  font-size: 16px;
}

//-------------背景颜色相关---------------
.bg-green {
  background: green;
}